/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar > li > a {
    /*padding-right: 20px;*/
    /*padding-left: 20px;*/
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}

/*
 * Main content
 */

.main {
    padding: 20px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main .page-header {
    margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

.placeholders h4 {
    margin-bottom: 0;
}

.placeholder {
    margin-bottom: 20px;
}

.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/*index的垂直导航一、二级菜单样式*/
body {
}

/*左侧菜单*/
.sidebar-menu {
    border-right: 1px solid #c4c8cb;
}

/*一级菜单*/
.menu-first {
    height: 40px;
    line-height: 20px;
    background-color: #e9e9e9;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    /*text-align: center;*/
}

/*一级菜单鼠标划过状态*/
.menu-first:hover {
    text-decoration: none;
    background-color: #d6d4d5;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #acacac;
}

/*二级菜单*/
.menu-second {
    background-color: #f6f6f6;
    height: 30px;
    line-height: 27px;
    font-size: 14px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    /*text-align: center;*/
}

/*二级菜单鼠标划过样式*/
.menu-second:hover {
    text-decoration: none;
    background-color: #66c3ec;
    border-top: 1px solid #83ceed;
    border-bottom: 1px solid #83ceed;
    border-right: 3px solid #f8881c;
    border-left: 3px solid #66c3ec;
}

/*二级菜单选中状态*/
.menu-second-selected {
    text-decoration: none;
    color: #23527c;
    height: 30px;
    line-height: 27px;
    font-size: 14px;
    background-color: #66c3ec;
    border-top: 1px solid #83ceed;
    border-bottom: 1px solid #83ceed;
    border-right: 3px solid #f8881c;
    border-left: 3px solid #66c3ec;
}

/*二级菜单选中状态*/
/*.menu-second-selected {*/
/*background-color: #66c3ec;*/
/*height: 31px;*/
/*line-height: 31px;*/
/*border-top: 1px solid #83ceed;*/
/*border-bottom: 1px solid #83ceed;*/
/*border-right: 3px solid #f8881c;*/
/*border-left: 3px solid #66c3ec;*/
/*text-align: center;*/
/*}*/

/*控制菜单箭头*/
.nav-header.menu-first.collapsed > span.glyphicon-chevron-toggle:before {
    content: "\e114";
}

.nav-header.menu-first > span.glyphicon-chevron-toggle:before {
    content: "\e113";
}

/*覆盖bootstrap的样式*/
.nav-list, .nav-list li a {
    padding: 0 0 0 20px;
    margin: 0px;
}

/*顶部样式*/
.navbar-fixed-top {
    background-color: #388BFF;
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-brand {
    padding: 10px 15px;
}

.container {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 1024px) {
    .container {
        width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1280px;
    }
}

@media (min-width: 1366px) {
    .container {
        width: 1366px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1440px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1600px;
    }
}

@media (min-width: 1680px) {
    .container {
        width: 1680px;
    }
}

@media (min-width: 1920px) {
    .container {
        width: 1920px;
    }
}

/*底部样式*/
.navbar {
    min-height: 30px;
}

.navbar-fixed-bottom {
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

